<template>
  <div class="msg-c2b w-full flex justify-end overflow-hidden pt-8px pb-8px">
    <div class="flex-1 flex justify-end">
      <div class="max-w-460px bg-#0067ED color-#fff" rd="lt-8px rt-0 rb-8px lb-8px" p="l-15px r-15px t-10px b-10px">
        {{ props.msgItem?.msg }}
      </div>
    </div>
  </div>
  <div class="w-full text-center color-#a1abc2" p="l-32px t-16px r-32px b-16px" font="size-12px">
    {{ props.msgItem?.id }}
  </div>
</template>

<script setup>
const props = defineProps({
  msgItem: { type: Object, default: null },
});
</script>

<style scoped lang="scss"></style>
